
import React from 'react'
import Filter from '.'
import Select from 'components/Select'
import Option from 'components/Option'
import Button from 'components/Button'
import Icon from 'components/Icon'
import {ReactComponent as Plus} from 'assets/icons/plus.svg'

export default {
    title: 'UI组件/ Filter',
    component: Filter
}

export const Default = () => {
    return (
        <Filter>
            <Filter.Filters label='列表排序'>
                <Select>
                    <Option>最新消息优先</Option>
                    <Option>好友列表优先</Option>
                </Select>
            </Filter.Filters>

            <Filter.Action label='创建会话'>
                <Button>
                    <Icon icon={Plus} width={12} height={12}/>
                </Button>
            </Filter.Action>
        </Filter>
    )
}

